#login:checked~label.login,#signup:checked~label.signup{cursor:default;user-select:none}.form-container .form-inner,.wrapper .title-text{display:flex;width:200%}.wrapper .title{width:50%;font-size:24px;font-family:roboto;font-weight:600;text-align:center;transition:.6s cubic-bezier(.68,-.55,.265,1.55)}.wrapper .slide-controls{position:relative;display:flex;height:50px;width:100%;overflow:hidden;margin:30px 0 10px;justify-content:space-between;border:1px solid #d3d3d3;border-radius:15px}#login:checked~label.signup,#signup:checked~label.login,.slide-controls .slide a,.slide-controls label.signup{color:#000}.slide-controls .slide{height:100%;width:100%;color:#fff;font-size:18px;font-weight:500;text-align:center;line-height:48px;cursor:pointer;z-index:1;transition:.6s;border-right:1px solid #d3d3d3}.form-container .form-inner form,.slide-controls .slider-tab{width:50%;transition:.6s cubic-bezier(.68,-.55,.265,1.55)}.slide-controls .slide:last-child{border-right:0px}.slide-controls .slider-tab{position:absolute;height:100%;left:0;z-index:0;border-radius:15px;background:red}input[type=radio]{display:none}#signup:checked~.slider-tab{left:50%}#signup:checked~label.signup{color:#fff}.wrapper .form-container{width:100%;overflow:hidden}.form-inner form .field{height:48px;width:100%;margin-bottom:16px;margin-top:14px;float:left}.form-inner form .field input{height:100%;width:100%;outline:0;padding-left:15px;border-radius:30px;border:1px solid #e7e7e7;font-size:14px;font-family:roboto;transition:.3s}.form-inner form .field input:focus{border-color:#1a75ff}.form-inner form .field input::placeholder{color:#999;transition:.3s}form .field input:focus::placeholder{color:#1a75ff}.form-inner form .pass-link{margin-top:6px;float:left;width:100%}.form-inner form .field span{height:48px;width:100%;margin-bottom:16px;float:left;font-size:13px;padding-left:12px;padding-top:2px}.form-inner form .signup-link{text-align:center;margin-top:30px}.form-inner form .pass-link a,.form-inner form .signup-link a{color:#1a75ff;text-decoration:none}.form-inner form .pass-link a:hover,.form-inner form .signup-link a:hover{text-decoration:underline}form .btn input[type=submit]{z-index:1;background:#07332f;border:0 solid #e7e7e7;color:#fff;font-size:14px;font-family:roboto;font-weight:500;cursor:pointer;height:42px;width:100%;border-radius:30px;transition:.4s}.login-bg{background:#151515;overflow-x:hidden}.login-inner{background:#eeeEEEF7;border-radius:0;padding:0;margin:52px 0;float:left;width:100%}.login-images{padding:24px}.login-form{background:#fff;box-shadow:0 4px 4px 0 #00000040;border-radius:0;padding:46px}.login-form h1{margin:0;padding:16px 0 7px;font-family:roboto;font-size:30px;font-weight:700;line-height:36px;text-align:left;color:#000}.padding-left{padding-right:0!important}.login-images img{width:90%;margin:0 auto}@media (max-width:420px){.login-inner{margin:0}.form-container .form-inner,.form-container .form-inner form,.wrapper .title-text{width:100%}.padding-left{padding-left:0!important}.login-form,.login-images{padding:16px}}